<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/vote.css" />
		<title>桌游精灵|投票</title>
	</head>

	<body>
		<header class="header">
			<a class="vote-menu" href="#"><img src="img/menu.png" /></a>
			<span class="title">投票</span>
			<a class="vote-close" href="#"><img src="img/close.png" /></a>
		</header>
		<div class="container vote-main">
			<div class="hint">
				<div class="main-hint">
					<span class="hint-txt">发言讨论结束，请大家投票</span>
					<div class="music">
						<img src="img/play.png" />
						<audio src="media/CaiFuZiYou.mp3"></audio>
					</div>
				</div>
				<div class="sub-hint">
					<span>点击得票数最多人的头像</span>
				</div>
			</div>
			<div class="role-list-group">
				<ul class="list-group">
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								1号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								杀手
							</div>
							<div class="role-no">
								2号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								3号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								医生民
							</div>
							<div class="role-no">
								4号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								警察
							</div>
							<div class="role-no">
								5号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								狙击手
							</div>
							<div class="role-no">
								6号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								7号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								警察
							</div>
							<div class="role-no">
								8号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								9号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								10号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								11号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
					<li class="list-group-item">
						<div class="role-info">
							<div class="role-name">
								平民
							</div>
							<div class="role-no">
								12号
							</div>
						</div>
						<div class="role-tool">
							<a class="role-tool-item" href="#"><img alt="kill" src="img/knife.png" /></a>
							<a class="role-tool-item" href="#"><img alt="search" src="img/search.png" /></a>
							<a class="role-tool-item" href="#"><img alt="mark" src="img/mark.png" /></a>
							<a class="role-tool-item" href="#"><img alt="add" src="img/add.png" /></a>

						</div>
					</li>
				</ul>
			</div>
		</div>
		<footer class="footer">
			<a class="btn btn-vote" href="result.html">投死</a>
		</footer>
	</body>

</html>